﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title</title>
        <meta name="viewport" content="width=device-width" />
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        @Styles.Render("~/Content/mobileCss", "~/Content/css")
        @Styles.Render("~/Content/jquerymobilecss")
        @Scripts.Render("~/bundles/modernizr")
    </head>
    <body>
        <div data-role="page"  >
            <div data-role="header" >
                @if (IsSectionDefined("Header")) {
                    @RenderSection("Header")
                } else {
                    <h1>@ViewBag.Title</h1>
                   @* @Html.Partial("_LoginPartial")*@
                }
                 @Html.ActionLink("Home", "Index", "Home")
            </div>
             <div data-role="content" >
                @RenderBody()
            </div>
            <div data-role="footer" class="a">
            @Html.Partial("_ViewSwitchMode")
            </div>
        </div>

        @Scripts.Render("~/bundles/jquery", "~/bundles/jquerymobile")
        @RenderSection("scripts", required: false)

            <script type="text/javascript">

                $(document).ready(function () {
                    //alert("Start doc.ready");
                    $.mobile.ajaxEnabled = true;
                    //$("#demo").mobiscroll().date();
                    //alert("End doc.ready");
                });


    </script>
    </body>
</html>
